<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<script src="js/jquery.min.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/layui.css">
	<link rel="stylesheet" href="css/layui.mobile.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/index.css">
</head>

<body>
	<!-- 导航栏开始 -->
	<div class="nav1">
		<div class="navbar navbar-expand-sm  navbar-dark p-0 w-100">
			<button class="navbar-toggler" data-target="#content" data-toggle="collapse">
				<span class="navbar-toggler-icon"></span>
			</button>
			<a href="#" class="navbar-brand text-light " >
				<img src="images/logo.png " alt="" style="height:40px">
			</a>
			<div class="collapse navbar-collapse" id="content">
				<ul class="navbar-nav">
					<li class="nav-item"><a href="#" class="nav-link pl-4">项目展示</a></li>
					<li class="nav-item"><a href="#" class="nav-link pl-4">个人介绍</a></li>
					<li class="nav-item"><a href="#" class="nav-link pl-4">生活记录</a></li>
					<li class="nav-item"><a href="#" class="nav-link pl-4">我的博客</a></li>
				</ul>
			</div>
		</div>

	</div>
	<span class="blank" style="height:47.5px;"></span>
	<!-- 导航栏结束 -->
	<div class="dd">
		<!-- 网页主体开始 -->
		<div class="row m-0 w-100 mybanner">
			<!-- 左侧第一列开始 -->
			<div class="col-sm-3 p-0  w-100 main1 img ">
					<a href="#" class="d-block w-100 h-100 index10">
				<div class="w-100 h-100 parent1">
					<div class="text-light child1 index10">
						<h1 class="font-h1 mb-3">作品/展示</h1>
						<p class="font-gray px-4">现在不玩命，将来命玩你，现在不努力，未来不给力。</p>
					</div>
					<div class="bg bg-active"></div>
				</div></a>
			</div>
			<!-- 左侧第一列结束 -->
			<!-- 左侧第一列开始 -->
			<div class="col-sm-3 p-0  w-100 main1 img ">
					<a href="#" class="d-block w-100 h-100 index10">
				<div class="w-100 h-100 parent1">
					<div class="text-light child1 index10">
						<h1 class="font-h1 mb-3">个人/介绍</h1>
						<p class="font-gray px-4">伟大的力量存在于我们的内心，笑容改变世界</p>
					</div>
					<div class="bg"></div>
				</div></a>
			</div>
			<!-- 左侧第一列结束 -->
			<!-- 左侧第一列开始 -->
			<div class="col-sm-3 p-0  w-100 main1 img ">
					<a href="#" class="d-block w-100 h-100 index10">
				<div class="w-100 h-100 parent1">
					<div class="text-light child1 index10">
						<h1 class="font-h1 mb-3">博客/学习</h1>
						<p class="font-gray px-4">当才华还撑不起野心时，那就该静下心学习。</p>
					</div>
					<div class="bg"></div>
				</div></a>
			</div>
			<!-- 左侧第一列结束 -->
			<!-- 左侧第一列开始 -->
			<div class="col-sm-3 p-0  w-100 main1 img ">
					<a href="#" class="d-block w-100 h-100 index10">
				<div class="w-100 h-100 parent1">
					<div class="text-light child1 index10">
						<h1 class="font-h1 mb-3">生活/记录</h1>
						<p class="font-gray px-4">每一个不曾起舞的日子，都是对生命的辜负。</p>
					</div>
					<div class="bg"></div>
				</div></a>
			</div>
			<!-- 左侧第一列结束 -->
		</div>
	</div>
</body>

</html>